<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>

<%@taglib uri="/WEB-INF/taglib139.tld" prefix="pg" %>

<!-- Begin Content -->
					<div id="content">
					
					
						<!-- Begin Post -->
						<div class="post">
							<h2>Welcome to PCStore<span class="title-bottom">&nbsp;</span></h2>
							<p>Maecenas eget purus arcu, in vestibulum libero. Aliquam facilisis rhoncus eros, quis rutrum dolor tincid-unt ac. Duis vel consequat justo. Praesent felis mauris, ultricies nec tincidunt vitae, dignissim ac risus. Suspendisse in sem sit amet quam adipiscing interdum. Cras ac lacinia enim. Fusce eros odio, lacinia id egestas id, adipiscing a erat. Integer lacinia augue quis eros condimentum ac varius nunc lacinia. </p>
						</div>	
										
						<!-- End Post -->											
						
						<!-- Begin Products -->
						<pg:paging pageSize="9">
						
						<div id="products">
							<h2>Latest Products<span class="title-bottom">&nbsp;</span></h2>
							
							<s:iterator value="listproduct" var="ls" status="status">
							 <pg:item> 
							 
							<s:if test="%{(#status.index+1)%3 == 0}">
							<div class="product last">
								<a href="/chitiet?id=<s:property value='#ls.id'/>" title="Product 3" data-tooltip="sticky1">
									<span class="title"><s:property value='#ls.name'/></span>
									<img src="/resource/image/<s:property value='#ls.image'/>" alt="Product Image 3"/>
									<span class="number">Show</span>
									<span class="price"><span>$</span><s:property value='#ls.pice'/></span>
								</a>
								
							</div>	
							<!--  -->
								<div id="mystickytooltip" class="stickytooltip">
								<div id="sticky1" class="atip" style="width:200px;color: black;"><img src="/resource/image/<s:property value='#ls.image'/>" alt="Product Image 3"/><br /><s:property value='#ls.name'/></div><br>
								<div><span>$</span><h2 style="color:red;">$&nbsp;<s:property value='#ls.pice'/></h2></div>
								</div>
								<!--  -->
							<div class="cl">&nbsp;</div>	
							</s:if>		
							<s:else>				
							<div class="product last">
								<a href="/chitiet?id=<s:property value='#ls.id'/>" title="Product 3" data-tooltip="sticky1">
									<span class="title"><s:property value='#ls.name'/></span>
									<img src="/resource/image/<s:property value='#ls.image'/>" alt="Product Image 3" />
									<span class="number">Show</span>
									<span class="price"><span>$&nbsp;</span><s:property value='#ls.pice'/></span>
								</a>
							</div>
							<!--  -->
								<div id="mystickytooltip" class="stickytooltip">
								<div id="sticky1" class="atip" style="width:200px; color: black;"><img src="/resource/image/<s:property value='#ls.image'/>" alt="Product Image 3"/><br /><s:property value='#ls.name'/></div><br>
								<div><span></span><h2 style="color:red;">$<s:property value='#ls.pice'/></h2></div>
								</div>
								<!--  -->									
							</s:else>
							
							 </pg:item> 	
							</s:iterator>																														
						</div>	
						<div class="Clear"></div>
						<pg:index>
                		<pg:page><a href="/trangchu?pageNum=<%=thisPage%>" title="<%=thisPage%>"><%=thisPage%></a></pg:page>
            			</pg:index>		
            			</pg:paging>
            			
            			    					
						<!-- End Products -->						
					</div>
					<!-- End Content -->
			